﻿<!doctype html>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>Contact Us</title>

    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/ionicons.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/owl.theme.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
    <link href="http://fonts.googleapis.com/css?family=Great+Vibes%7CLato:100,100i,300,300i,400,400i,700,700i,900,900i"
          rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<div class="noo-spinner">
    <div class="spinner">
        <div class="cube1"></div>
        <div class="cube2"></div>
    </div>
</div>
<div id="menu-slideout" class="slideout-menu hidden-md-up">
    <div class="mobile-menu">
        <ul id="mobile-menu" class="menu">
            <li><a href="login-success.html">主页</a></li>
            <li><a href="about-us - success.html">关于我们</a></li>
            <li><a href="shop.html">购物</a></li>
            <li><a href="Bought-Baby.html">已购买的宝贝</a></li>
            <li><a href="cart.html">我的购物车</a></li>
            <li><a href="checkout.html">结账页面</a></li>
            <li><a href="contact-us.html">意见信箱</a></li>
        </ul>
    </div>
</div>
<div class="site">
    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="topbar-text">
                        <div>您好: <span>某某&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>欢迎您登录有机商城!</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="topbar-menu">
                        <ul class="topbar-menu">
                            <li class="dropdown">
                                <a href="#">注销退出登录</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <header id="header" class="header header-desktop header-2">
        <div class="top-search">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <form>
                            <input type="search" class="top-search-input" name="s" placeholder="你在找什么?"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="#" id="logo">
                        <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                    </a>
                </div>
                <div class="col-md-9">
                    <div class="header-right">
                        <nav class="menu">
                            <ul class="main-menu">
                                <li><a href="login-success.html">主页</a></li>
                                <li><a href="about-us - success.html">关于我们</a></li>
                                <li><a href="shop.html">购物</a></li>
                                <li><a href="Bought-Baby.html">已购买的宝贝</a></li>
                                <li><a href="cart.html">我的购物车</a></li>
                                <li><a href="checkout.html">结账页面</a></li>
                                <li><a href="contact-us.html">意见信箱</a></li>
                            </ul>
                        </nav>
                        <div class="btn-wrap">
                            <div class="mini-cart-wrap">
                                <div class="mini-cart">
                                    <div class="mini-cart-icon" data-count="2">
                                        <i class="ion-bag"></i>
                                    </div>
                                </div>
                                <div class="widget-shopping-cart-content">
                                    <ul class="cart-list">
                                        <li>
                                            <a href="#" class="remove">×</a>
                                            <a href="shop-detail.html">
                                                <img src="images/shop/thumb/shop_1.jpg" alt=""/>
                                                Orange Juice&nbsp;
                                            </a>
                                            <span class="quantity">1 × $12.00</span>
                                        </li>
                                        <li>
                                            <a href="#" class="remove">×</a>
                                            <a href="shop-detail.html">
                                                <img src="images/shop/thumb/shop_2.jpg" alt=""/>
                                                Aurore Grape&nbsp;
                                            </a>
                                            <span class="quantity">1 × $9.00</span>
                                        </li>
                                    </ul>
                                    <p class="total">
                                        <strong>Subtotal:</strong>
                                        <span class="amount">$21.00</span>
                                    </p>
                                    <p class="buttons">
                                        <a href="cart.html" class="view-cart">查看购物车</a>
                                        <a href="checkout.html" class="checkout">退出</a>
                                    </p>
                                </div>
                            </div>
                            <div class="top-search-btn-wrap">
                                <div class="top-search-btn">
                                    <a href="javascript:void(0);">
                                        <i class="ion-search"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <header class="header header-mobile">
        <div class="container">
            <div class="row">
                <div class="col-xs-2">
                    <div class="header-left">
                        <div id="open-left"><i class="ion-navicon"></i></div>
                    </div>
                </div>
                <div class="col-xs-8">
                    <div class="header-center">
                        <a href="#" id="logo-2">
                            <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="header-right">
                        <div class="mini-cart-wrap">
                            <a href="cart.html">
                                <div class="mini-cart">
                                    <div class="mini-cart-icon" data-count="2">
                                        <i class="ion-bag"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div id="main">
        <div class="section section-bg-10 pt-11 pb-17">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h2 class="page-title text-center">联系我们</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="section border-bottom pt-2 pb-2">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <ul class="breadcrumbs">
                            <li><a href="#">主页</a></li>
                            <li>联系我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-10 pb-10">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">保持联系</div>
                        <h2 class="text-center section-title mtn-2">健康的有机农场</h2>
                        <div class="organik-seperator mb-6 center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div id="googleMap" class="mb-6" data-icon="images/icon_location.png" data-lat="37.789133"
                             data-lon="-122.402158"></div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="contact-info">
                            <div class="contact-icon">
                                <i class="fa fa-map-marker"></i>
                            </div>
                            <div class="contact-inner">
                                <h6 class="contact-title">地址</h6>
                                <div class="contact-content">
                                    1800 Abbot Kinney Blvd. Unit D &amp; E
                                    <br/>
                                    Venice, CA 90291
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="contact-info">
                            <div class="contact-icon">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div class="contact-inner">
                                <h6 class="contact-title"> 电话热线</h6>
                                <div class="contact-content">
                                    0122 333 8889
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="contact-info">
                            <div class="contact-icon">
                                <i class="fa fa-envelope"></i>
                            </div>
                            <div class="contact-inner">
                                <h6 class="contact-title">电邮联络</h6>
                                <div class="contact-content">
                                    organik@gmail.com
                                    <br/>
                                    contact@organikstore.com
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="contact-info">
                            <div class="contact-icon">
                                <i class="fa fa-globe"></i>
                            </div>
                            <div class="contact-inner">
                                <h6 class="contact-title"> 网站</h6>
                                <div class="contact-content">
                                    www.************.com
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <hr class="mt-4 mb-7"/>
                        <div class="text-center mb-1 section-pretitle">给我们的一封信(问题信箱)!</div>
                        <div class="organik-seperator mb-6 center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                        <div class="contact-form-wrapper">
                            <form class="contact-form">
                                <div class="row">
                                    <div class="col-md-6">
                                        <label>你的名字 <span class="required">*</span></label>
                                        <div class="form-wrap">
                                            <input type="text" name="your-name" value="" size="40"/>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <label>你的邮箱 <span class="required">*</span></label>
                                        <div class="form-wrap">
                                            <input type="email" name="your-email" value="" size="40"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <label>类型</label>
                                        <div class="form-wrap">
                                            <input type="text" name="your-subject" value="" size="40"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <label>反馈信息</label>
                                        <div class="form-wrap">
                                            <textarea name="your-message" cols="40" rows="10"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-wrap text-center">
                                            <input type="submit" value="请提意见^_^"/>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <img src="images/footer_logo.png" class="footer-logo" alt=""/>
                    <p>
                        欢迎来到有机商城。我们的产品是新鲜收获的，经过清洗后即可装箱，最后从我们的家庭农场运到您家门口。
                    </p>
                    <div class="footer-social">
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><i
                                class="fa fa-facebook"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><i
                                class="fa fa-twitter"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><i
                                class="fa fa-pinterest"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><i
                                class="fa fa-instagram"></i></a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">推荐信息</h3>
                        <ul>
                            <li><a href="#">新产品</a></li>
                            <li><a href="#">畅销品</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们的商城</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">使用链接</h3>
                        <ul>
                            <li><a href="#">我们的团队</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">安全购物</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h3 class="widget-title">订阅</h3>
                        <p>
                            输入您的电子邮件地址作为我们的邮件列表，督促我们每日精进。
                        </p>
                        <form class="newsletter">
                            <input type="email" name="EMAIL" placeholder="您的电子邮件地址" required=""/>
                            <button><i class="fa fa-paper-plane"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    Copyright &copy; 2020.公司保留所有权利.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </div>
                <div class="col-md-4">
                    <img src="images/footer_payment.png" alt=""/>
                </div>
            </div>
        </div>
        <div class="backtotop" id="backtotop"></div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/modernizr-2.7.1.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.init.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript"
        src="http://ditu.google.cn/maps/api/js?key=AIzaSyDwtb7cR_XBPEvxtQ_Yq3_xKsOWQroCTPA&sensor=false"></script>
</body>
</html>

